<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正在休假中</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link href="style.css" rel="stylesheet" type="text/css"> </link>
    <script type="text/javascript" rel="script" src="js.js" ></script>
</head>
<body>
<div class="bottom_box">
     <div class="head">
         <div class="tag1"><</div>
         <div class="tag2">请假详情</div>
         <div class="tag3">反馈</div>
     </div>
    <div class="head2">
        <div class="tag_top1">请假信息</div>
        <div class="tag_top2">校验二维码</div>
    </div>
    <div class="head3">
        <p>如何销假？</p>
    </div>
    <div class="pass_box">
        <div class="had_pass">
            <p class="p1">审批已通过</p>
            <p class="p2">个人信息></p><br>
            <div>正在休假中</div>
        </div>
        <div id="isTure" class="head4">
            <div id="isTure1" class="isTure1"></div>
            <div id="isTure2" class="isTure2"></div>
            <div id="isTure3" class="isTure3"></div>
            <div id="isTure4" class="isTure4"></div>
            <div id="isTure5" class="isTure5"></div>
            <div id="isTure6" class="isTure6"></div>
            <div id="isTure7" class="isTure7"></div>
            <div id="isTure8" class="isTure8"></div>
        </div>
        <div id="demo">
                当前时间：
                <span id="year"></span>
                <span id="month"></span>
                <span id="day"></span>
                <span id="hour"></span>
                <span id="minute"></span>
                <span id="second"></span>
        </div>
        <script>
            window.setInterval("d()",1000);
            function d() {
                var d = new Date();
                document.getElementById("year").innerHTML = d.getFullYear()+"-";
                document.getElementById("month").innerHTML = d.getMonth()+1+"-";
                document.getElementById("day").innerHTML = d.getDate()+"-";
                document.getElementById("hour").innerHTML = d.getHours()+":";
                document.getElementById("minute").innerHTML = d.getMinutes()+":";
                document.getElementById("second").innerHTML = d.getSeconds();
            }
        </script>
    </div>
    <div class="type_out">
        <div style="float: left;"><div style="color: gray;float: left;">请假类型：</div>出校请假</div>
        <div style="float: left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;需要离校：</div><span style="float: left;">离校</span><br>
        <div style="float: left;">请假规则：</div><span style="float: left;">离校请假需要销假，非离校请假无需销假</span> &nbsp;<span style="color: #0088ff">查看></span>
        <div>实际休假时间：-</div>
    </div>
    <div class="myInfo">
        <ul>
            <li>开始时间：</li>
            <li>结束时间：</li>
            <li>审批流程：</li><span style="float: left;">共2步</span><span style="color: #0088ff;float: left;">查看></span><br>
            <li>紧急联系人:</li><span style="float: left;">155124356432</span><br>
            <li>请假原因：</li><span style="float: left;"></span><br>
            <li>附件：</li><img src="效果图.jpg" height="40px" width="40px"><br>
            <li>发起位置：</li><span style="color: #0088ff;float: left;">中国湖北省襄阳市襄城区明志路</span><br>
            <li>抄送人：</li><span style="float: left;">无</span><br>
            <li>目的地：</li><span style="float: left;">湖北省/襄阳市/襄城区</span><br>
            <br>
        </ul>
    </div>

    <div class="press">
        <span style="font-size: 14px">我的 审批流程：</span>
        <ul>
            <li>发起申请：</li>
            <br style="line-height: 10px">
            <br>
            <li>一级-审批通过</li><span style="float: right;">2021:3:43 </span>
            <br>
            <p style="float: left;">审批意见：无</p>
            <br>
            <br>
            <li style="float: left;">二级-审批通过</li><span style="float: right;">2021:3:43 </span>
            <br>
            <p style="float: left;">审批意见：无</p>
        </ul>
    </div>
<!--    转发 申请续假 去销假-->
    <div>

    </div>

</div>


</body>
</html>